.pc-style .lt {
    left: 0px;
    top: 100px;
    position: fixed;
    z-index: 10000;
}

.pc-style .lc {
    left: 0px;
    top: 50%;
    position: fixed;
    margin-top: -100px;
    z-index: 10000;
}

.pc-style .lb {
    left: 0px;
    bottom: 100px;
    position: fixed;
    z-index: 10000;
}

.pc-style .rt {
    right: 0px;
    top: 100px;
    position: fixed;
    z-index: 10000;
}

.pc-style .rc {
    right: 0px;
    top: 50%;
    margin-top: -100px;
    position: fixed;
    z-index: 10000;
}

.pc-style .rb {
    right: 0px;
    bottom: 100px;
    position: fixed;
    z-index: 10000;
}

.pc-style .ServiceOnline {
    width: 60px;
    height: 60px;
    border-radius: 100px 0px 0px 100px;
    padding: 5px;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.pc-style .ServiceOnline.lt {
    border-radius: 0px 100px 100px 0px;
}

.pc-style .ServiceOnline.lc {
    border-radius: 0px 100px 100px 0px;
}

.pc-style .ServiceOnline.lb {
    border-radius: 0px 100px 100px 0px;
}

.pc-style .ServiceOnline.rt {
    border-radius: 100px 0px 0px 100px;
}

.pc-style .ServiceOnline.rc {
    border-radius: 100px 0px 0px 100px;
}

.pc-style .ServiceOnline.rb {
    border-radius: 100px 0px 0px 100px;
}

.pc-style .ServiceOnline .ServiceIco {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #ffffff;
    background-size: 100% 100%;
    background-position: center center;
}

.pc-style .ServiceOnline .ServiceInner {
    position: absolute;
    width: 220px;
    background: #ffffff;
    padding: 15px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.pc-style .ServiceOnline.lt .ServiceInner {
    border-radius: 0px 5px 5px 0px;
    left: -300px;
    top: -20px;
}

.pc-style .ServiceOnline.lc .ServiceInner {
    border-radius: 0px 5px 5px 0px;
    left: -300px;
    top: -20px;
}

.pc-style .ServiceOnline.lb .ServiceInner {
    border-radius: 0px 5px 5px 0px;
    left: -300px;
    bottom: -20px;
}

.pc-style .ServiceOnline.rt .ServiceInner {
    border-radius: 5px 0px 0px 5px;
    right: -300px;
    top: -20px;
}

.pc-style .ServiceOnline.rc .ServiceInner {
    border-radius: 5px 0px 0px 5px;
    right: -300px;
    top: -20px;
}

.pc-style .ServiceOnline.rb .ServiceInner {
    border-radius: 5px 0px 0px 5px;
    right: -300px;
    bottom: -20px;
}

.pc-style .ServiceOnline.lt:hover .ServiceInner {
    left: 0px;
}

.pc-style .ServiceOnline.lc:hover .ServiceInner {
    left: 0px;
}

.pc-style .ServiceOnline.lb:hover .ServiceInner {
    left: 0px;
}

.pc-style .ServiceOnline.rt:hover .ServiceInner {
    right: 0px;
}

.pc-style .ServiceOnline.rc:hover .ServiceInner {
    right: 0px;
}

.pc-style .ServiceOnline.rb:hover .ServiceInner {
    right: 0px;
}

.pc-style .ServiceStyle01 .ServiceIco {
    background-image: url(../Images/bg5014_01.png);
}

.pc-style .ServiceStyle02 .ServiceIco {
    background-image: url(../Images/bg5014_02.png);
}

.pc-style .ServiceStyle03 .ServiceIco {
    background-image: url(../Images/bg5014_03.png);
}

.pc-style .ServiceStyle04 .ServiceIco {
    background-image: url(../Images/bg5014_04.png);
}

.pc-style .ServiceStyle05 .ServiceIco {
    background-image: url(../Images/bg5014_05.png);
}

.pc-style .ServiceStyle06 .ServiceIco {
    background-image: url(../Images/bg5014_06.png);
}

.pc-style .ServiceOnline .ServiceInner .ServiceTitle {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.pc-style .ServiceOnline .ServiceInner .service-item {
    padding: 10px 0px 10px 30px;
    border-bottom: 1px dotted #e5e5e5;
    position: relative;
}

.pc-style .ServiceOnline .ServiceInner .service-item a {
    color: #336699;
    text-decoration: underline;
}

.pc-style .ServiceOnline .ServiceInner .service-item a:hover {
    color: #cc0000;
}

.pc-style .ServiceOnline .ServiceInner .service-item .item-tag {
    display: none;
}

.pc-style .ServiceOnline .ServiceInner .service-item::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    left: 0px;
    top: 8px;
    background: #000000;
    position: absolute;
}

.pc-style .ServiceOnline .ServiceInner .service-item-qq:before {
    background: url(../Images/bg5015_1.png) center center no-repeat;
    background-size: 100% 100%;
}

.pc-style .ServiceOnline .ServiceInner .service-item-weixin:before {
    background: url(../Images/bg5015_3.png) center center no-repeat;
    background-size: 100% 100%;
}

.pc-style .ServiceOnline .ServiceInner .service-item-tel:before {
    background: url(../Images/bg5015_2.png) center center no-repeat;
    background-size: 100% 100%;
}

.pc-style .ServiceOnline .ServiceInner .service-item:last-child {
    border: none
}
.pc-style .ServiceOnline .ServiceInner .service-item .weixin-code{
    width: 180px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    margin-top: 5px;
    display: block;
}
.pc-style .ServiceOnline .ServiceInner .service-item .weixin-code img{
    max-width: 100%;
    height: auto;
}
/* 移动端样式 */

.mobile-style .lt, .mobile-style .lc, .mobile-style .lb {
    left: 0px;
    top: 50%;
    position: fixed;
    margin-top: -100px;
    z-index: 10000;
}

.mobile-style .rt {
    right: 0px;
    top: 100px;
    position: fixed;
    z-index: 10000;
}

.mobile-style .rc {
    right: 0px;
    top: 50%;
    margin-top: -100px;
    position: fixed;
    z-index: 10000;
}

.mobile-style .rb {
    right: 0px;
    bottom: 100px;
    position: fixed;
    z-index: 10000;
}

.mobile-style .ServiceOnline {
    width: 40px;
    height: 40px;
    border-radius: 100px 0px 0px 100px;
    padding: 5px;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.mobile-style .ServiceOnline.lt {
    border-radius: 0px 100px 100px 0px;
}

.mobile-style .ServiceOnline.lc {
    border-radius: 0px 100px 100px 0px;
}

.mobile-style .ServiceOnline.lb {
    border-radius: 0px 100px 100px 0px;
}

.mobile-style .ServiceOnline.rt {
    border-radius: 100px 0px 0px 100px;
}

.mobile-style .ServiceOnline.rc {
    border-radius: 100px 0px 0px 100px;
}

.mobile-style .ServiceOnline.rb {
    border-radius: 100px 0px 0px 100px;
}

.mobile-style .ServiceOnline .ServiceIco {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #ffffff;
    background-size: 100% 100%;
    background-position: center center;
}

.mobile-style .ServiceOnline .ServiceInner {
    position: absolute;
    top: 0px;
    width: 220px;
    background: #ffffff;
    padding: 15px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.mobile-style .ServiceOnline.lt .ServiceInner {
    border-radius: 0px 5px 5px 0px;
    left: -300px;
}

.mobile-style .ServiceOnline.lc .ServiceInner {
    border-radius: 0px 5px 5px 0px;
    left: -300px;
}

.mobile-style .ServiceOnline.lb .ServiceInner {
    border-radius: 0px 5px 5px 0px;
    left: -300px;
}

.mobile-style .ServiceOnline.rt .ServiceInner {
    border-radius: 5px 0px 0px 5px;
    right: -300px;
}

.mobile-style .ServiceOnline.rc .ServiceInner {
    border-radius: 5px 0px 0px 5px;
    right: -300px;
}

.mobile-style .ServiceOnline.rb .ServiceInner {
    border-radius: 5px 0px 0px 5px;
    right: -300px;
}
.mobile-style .ServiceStyle01 .ServiceIco {
    background-image: url(../Images/bg5014_01.png);
}

.mobile-style .ServiceStyle02 .ServiceIco {
    background-image: url(../Images/bg5014_02.png);
}

.mobile-style .ServiceStyle03 .ServiceIco {
    background-image: url(../Images/bg5014_03.png);
}

.mobile-style .ServiceStyle04 .ServiceIco {
    background-image: url(../Images/bg5014_04.png);
}

.mobile-style .ServiceStyle05 .ServiceIco {
    background-image: url(../Images/bg5014_05.png);
}

.mobile-style .ServiceStyle06 .ServiceIco {
    background-image: url(../Images/bg5014_06.png);
}

.mobile-style .ServiceOnline .ServiceInner .ServiceTitle {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.mobile-style .ServiceOnline .ServiceInner .service-item {
    padding: 10px 0px 10px 30px;
    border-bottom: 1px dotted #e5e5e5;
    position: relative;
}

.mobile-style .ServiceOnline .ServiceInner .service-item a {
    color: #336699;
    text-decoration: underline;
}

.mobile-style .ServiceOnline .ServiceInner .service-item a:hover {
    color: #cc0000;
}

.mobile-style .ServiceOnline .ServiceInner .service-item .item-tag {
    display: none;
}

.mobile-style .ServiceOnline .ServiceInner .service-item::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    left: 0px;
    top: 50%;
    background: #000000;
    margin-top: -12px;
    position: absolute;
}

.mobile-style .ServiceOnline .ServiceInner .service-item-qq:before {
    background: url(../Images/bg5015_1.png) center center no-repeat;
    background-size: 100% 100%;
}

.mobile-style .ServiceOnline .ServiceInner .service-item-weixin:before {
    background: url(../Images/bg5015_3.png) center center no-repeat;
    background-size: 100% 100%;
}

.mobile-style .ServiceOnline .ServiceInner .service-item-tel:before {
    background: url(../Images/bg5015_2.png) center center no-repeat;
    background-size: 100% 100%;
}

.mobile-style .ServiceOnline .ServiceInner .service-item:last-child {
    border: none
}